﻿
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<style type="text/css">
*{ margin:0;padding:0}
#fbox{ width: auto; height: auto; overflow: hidden; margin:0 auto; text-align: center; font-size: 14px; } 
.left_box{ float: left; width: 120px; height: auto; overflow: hidden; border: #ccc 1px solid;}
.left_box>div, .right_box>div{border-bottom: #ccc 1px solid; height: 35px; line-height: 35px;}
.left_box>div:last-child, .right_box>div:last-child{ border: 0; }
.right_box{ float: left; height: auto;border: #ccc 1px solid;border-left:0;}
.top_title{ background: #f3f3f3; height: 50px; line-height: 50px; color:#428FBC;}
</style>
<body>
<div id="fbox">
	<div class="left_box">
		<div class="top_title"></div>
		<div>单数</div>
		<div>金额</div>
		<div>生态原享</div>
		<div>环球美味</div>
		<div>时令净菜</div>
		<div>鲜果缤纷</div>
	</div>
	<div class="right_box">
		<div class="top_title">2018-03-03</div>
		<div>18单</div>
		<div>894.2元</div>
		<div>0%</div>
		<div>1%</div>
		<div>0%</div>
		<div>99%</div>
	</div>
	<div class="right_box">
		<div class="top_title">2018-03-03</div>
		<div>18单</div>
		<div>894.2元</div>
		<div>0%</div>
		<div>1%</div>
		<div>0%</div>
		<div>99%</div>
	</div>
	<div class="right_box">
		<div class="top_title">2018-03-03</div>
		<div>18单</div>
		<div>894.2元</div>
		<div>0%</div>
		<div>1%</div>
		<div>0%</div>
		<div>99%</div>
	</div>
	<div class="right_box">
		<div class="top_title">2018-03-03</div>
		<div>18单</div>
		<div>894.2元</div>
		<div>0%</div>
		<div>1%</div>
		<div>0%</div>
		<div>99%</div>
	</div>
</div>
</body>
</html>